<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var disclosurePath = <%=context%>+"business/customerEquity";
var fyPath = '<%=context%>' +'business/customerEquity/prdFeeYield/';
</script>

<style type="text/css">
.sub-page .modal-content {
  position: relative;
  height: 100%;
}

.sub-page .modal-content .container {
  width: auto;
  height: 90%;
  overflow-y: auto;
}

*{ padding:0px; margin:0px; }
	.fl{float:left}
	.mainContainer{width:100%;height:100%;}
	.topContrainer,.bottomMainContrainer{width:100%;height:80%}
	.selectionContainer{width:100%;height:5%;min-height:50px;}
	.selectCenter{width:80%;height:100%;margin:0 auto;background-color: #F8F8F8}
	.sub-sel-cont{margin-left:30px;padding-top:20px}
	.chartContaienr{width:100%;height:120%;}
	.m-l-3-per{margin-left:3%}
	.subContainer{width:40%;height:45%;float:left;margin:2% 0 0% 2%}
	.charContainerCenter{width:80%;height:100%;margin:0 auto;}
	.font-color-black{color:#939393}
	.font-color-white{color: #FFFFFF;background-color: #FF9600;}
	.ul{width:80%;background-color:yellow;}
    .ulLi{ /* display:inline-block;*/margin-right:-8px; padding:5px; }  
    .dwn{line-height:45px;}
    .subSelector {
	    height: 20px;
	    line-height: 3px;
	    display: inline-block;
	    width: auto;
	    padding: 9px;
	    border-radius: 5px;
	    margin-right: 10px;
	    cursor: pointer;
	}
</style>
<style type="text/css">
	#pieChart{ position: relative; width: 40%; height: 450px; float:left}
	#barChart{ position: relative; width: 40%; height: 450px; float:left }
	.div-inline{ display:inline}
</style>
<style type="text/css">
    .dwn{line-height:45px;color:gray;font:12px}
    .dwn:hover{color:gray;font:12px}
</style>
<title>产品费用与收益概览页面</title>
</head>

<body class="sub-page">
	<div><p></p></div>
	<div class="result-box">
		
		<div id="estimateDetail" style="width:100%;height:365px">
	    	<h2><b>估值进度总览</b></h2>
	    	<div style="width:90%;text-align: right;"><span class="dwn-box"><a class="dwn" title="dwn" url="0" param="" onclick="estimateBatchDownload();"><i class="fas fa-download">&nbsp;估值文件批量下载</i></a></span></div>
	    	<div class="hr-line-dotted"></div>
			<!-- <div class="hr-line-dotted"></div> -->
			<div id="titleSelectionContainer" class="selectionContainer">
					<div class="selectCenter">
						<div id="titleSelector" class="sub-sel-cont fl">
						   <span class="fl font-color-black">时间段：</span>
				           <span class="fl subSelector font-color-white" reportFrequency="1">当日</span>
				           <span class="fl subSelector font-color-black" reportFrequency="2">本周</span>
				           <span class="fl subSelector font-color-black" reportFrequency="3">本月</span>
						</div>
					</div>
			</div>
			<!-- 图形 -->
			<div style="width:100%;height:70%;">
				<div id="estimateBarChart"  class="subContainer" style="float:left;height:100%;"></div>
				<div id="estimateBarChart2" class="subContainer" style="float:left;height:100%;" ></div>
			</div>
	    </div>
	    <div style="width:100%;height:70px"></div>
	    <div id="productFyDetail" style="width:100%;height:80%">
	    	<h2><b>产品费用与收益总览</b></h2>
	    	<div style="width:90%;text-align: right;"><span class="dwn-box"><a class="dwn" title="dwn" url="0" param="" onclick="exportToExcel();"><i class="fas fa-download">&nbsp;费用与收益明细批量下载</i></a></span></div>
			<div class="hr-line-dotted"></div>
			<!-- <div class="hr-line-dotted"></div> -->
			 <div id="radioboxSelectionContainer" class="selectionContainer">
					<div class="selectCenter">
						<div id="radioboxDiv" class="sub-sel-cont fl">
						   <span class="fl font-color-black">时间段：</span>
				           <span class="fl subSelector font-color-white" reportFrequency="1">当日</span>
				           <span class="fl subSelector font-color-black" reportFrequency="2">本周</span>
				           <span class="fl subSelector font-color-black" reportFrequency="3">本月</span>
				           <span class="fl subSelector font-color-black" reportFrequency="4">未来三个月</span>
<!-- 				           <span class="fl subSelector font-color-black" reportFrequency="5">未来半年</span> -->
<!-- 				           <span class="fl subSelector font-color-black" reportFrequency="6">未来一年</span> -->
						</div>
					</div>
			  </div>
		      <!-- 图形金额  -->
			  <div style="width:100%;height:50%;">
				  <div id="barChart1" style="width:50%;height:100%;float:left"></div>
				  <div id="barChart2" style="width:50%;height:100%;float:left"></div>
			  </div>
			  <!-- 图形产品  -->
			  <div style="width:100%;height:50%;">
				  <div id="barChart3" style="width:50%;height:100%;float:left"></div>
				  <div id="barChart4" style="width:50%;height:100%;float:left"></div>
			  </div>
	    </div> 
	    
    </div>
</body>
<script type="text/javascript" src="<%=context%>resources/modules/system/common/DateUtils.js?r=<%=Math.random()%>"></script> 	
<script type="text/javascript" src="<%=context%>resources/modules/business/customerEquity/customerEquityList.prdFeeYield.js?random=<%=Math.random()%>"></script>
<script type="text/javascript" src="<%=context%>resources/modules/business/customerEquity/customerEquityList.estimate.js?r=<%=Math.random()%>"></script>

</body>
</html>